// 加载函数
$(function(){
	
	let $alls = $(".tb1_td1>input"); // 全选多选框
	let $cbxs = $(".tb2_td1>input"); // 购物车多选框
	
	// 统计购物车商品总价
	function sum(){
		let checkeds = $(".tb2_td1>input:checked");
		let allSum = 0;
		checkeds.each(function( i, o){
			//  商品数量          		td      tr             <input type="text">     value
			let num   = $(o).parent().parent().find(".tb1_td5>input[type=text]").val();
			//  商品价格          		td      tr             <input type="text">     value
			let price = $(o).parent().parent().find(".tb1_td6>label").text(); // 获取内部文本
			num = parseInt(num);
			price = parseFloat(price);
			allSum += price * num;
		})
		$("#zong1").text(allSum);
	}
	
	$alls.click(function(){
		// 如何知道当前多选框的状态
		// jQuery 事件函数中 的 this 就是 当前触发事件的  DOM 对象 
		if ( this.checked ){
			$alls.prop("checked",true);
			$cbxs.prop("checked",true);
		} else {
			$alls.prop("checked",false);
			$cbxs.prop("checked",false);
		}
		sum();
	});
	
	$cbxs.click(function(){
		let allCbxs = $cbxs.length;  // 所有的框  ==> 2
		let checkeds = $(".tb2_td1>input:checked").length;  // 勾选的框 ==> ?
		if(allCbxs == checkeds){
			$alls.prop("checked",true);
		} else {
			$alls.prop("checked",false);
		}
		// 请使用三元表达式替代上面 if
		sum();
	});
	
})












